﻿<!doctype html>
<html>
	<head>
		<title>Truyện Hay</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		
		<link rel="stylesheet" href="app/css/main2.css" media="all">
				
		<link rel="stylesheet" href="template/css/jquery.mobile-1.3.1.min.css" />
		<script type="text/javascript" src="template/js/jquery.1.7.2.min.js"></script>
		<script type="text/javascript" src="template/js/jquery.mobile-1.3.1.min.js"></script>
		
		<!--link rel="stylesheet" href="slidebars/jquery.min.js"-->
		<script type="text/javascript">
			/*
				api
			*/
			api_link_host = 'http://mdms.npc.com.vn/story/php/ajax';
			api_link_local = 'php/ajax';
			api_link = api_link_host;
			var db = openDatabase('mydb_1x2jzv7', '1.0', 'story_1x2jzv7', 25 * 1024 * 1024);
			
			/*
			* iscroll5 - cubiq.org
			*/
		</script>
	</head>
	
	<body>	
	
	<div data-role="page" id="panel-fixed-page1">
		
		<!-- Your main page content. -->
		<div id="header"  data-role="header" data-theme="a" data-position="fixed" >
			<div class="header_main">
				<div class="item_header_left"> </div>
					<div class="item_header_middle">
						<div class="outer">
							<div id="headerbanner" class="inner_header">beta book</div>
						</div>
					</div>					
				<div class="item_header_right"> </div>
				<a href="#nav-panel" data-icon="bars" data-iconpos="notext">
					<div id="btn_menu" ></div>
				</a>
			</div>
		</div>
			
		<div id="content" data-role="content" class="jqm-content" data-theme="a">
			<ul id="story_list">
			</ul>
		</div>
			
		<div id="footer" data-role="footer" data-position="fixed" data-theme="">
			
		</div><!-- /footer -->
				
		<div data-role="panel" data-position-fixed="true" data-theme="a" id="nav-panel">
			<!-- Your left Slidebar content. -->
			<div class="bg"></div>
			<div id="slidemenu" class="slidemenu" style="height: 667px; display: block; -webkit-transition: all 0s ease; transition: all 0s ease; width: 100%; top: 0px;overflow-x: hidden;">
			<h3>TRANG CHỦ</h3>
			<ul >
				<li><a id = "truyendocnhieu" data-rel="close" href="javascript:"><img src="app/css/img/smico3.png" >Truyện đọc nhiều</a></li>
				<li><a id = "truyenmoi" data-rel="close"  href="javascript:"><img src="app/css/img/smico3.png" >Truyện mới</a></li>
				<li><a id = "truyenhot" data-rel="close" href="javascript:"><img src="app/css/img/smico4.png">Truyện Hot</a></li>
				<li><a id = "truyenalphabet" data-rel="close" href="javascript:"><img src="app/css/img/smico4.png">Danh sách truyện</a></li>
			</ul>

			<h3>DANH MỤC</h3>

			<ul>
				<li><a id = "tag_0_kiemhiep" data-rel="close" href="javascript:" ><img src="app/css/img/sl7.png">Kiếm hiệp</a></li>
				<li><a id = "tag_1_tienhiep" data-rel="close" href="javascript:" rel="external"><img src="app/css/img/sl7.png">Tiên Hiệp</a></li>
				<li><a id = "tag_2_tieuthuyet" data-rel="close" href="javascript:" rel="external"><img src="app/css/img/sl7.png">Tiểu Thuyết</a></li>
				<li><a id = "tag_3_truyencuoi" data-rel="close" href="javascript:"><img src="app/css/img/sl7.png">Truyện Cười</a></li>
			</ul>
			</div>
		</div>
	</div>	
		
		<!--script src="app/js/controller.js"></script-->
		<script src="app/js/index.common.js"></script>
		<!--script src="app/js/chapterlist_loadcontent.js"></script-->
		<script src="app/js/index.story.sort.list.js"></script>
		<!--script src="app/js/sqlite.app.js"></script-->
		<script src="app/js/touch.js"></script>
		<script src="template/js/loading.jquery.js"></script>
	</body>
</html>